<!DOCTYPE html>
<html><head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <meta name="renderer" content="webkit">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <title>手机充值-移动、联通、电信手机话费、流量充值 - 国美在线</title>
        <meta name="Keywords" content="手机充值,话费充值,移动充值,联通充值">
        <meta name="description" content="国美在线充值频道为您提供中国移动、中国联通、中国电信手机话费充值服务，手机话费、流量网上充值上国美在线，放心，快捷！">
        <link rel="shortcut icon" href="http://www.gome.com.cn/ec/homeus/favicon.ico" type="image/x-icon">
        <style>
            body,
            .tupandf,
            .tupandf div,
            .tupandf ul,
            .tupandf li,
            .tupandf span,
            .tupandf label,
            .tupandf input {
                margin: 0;
                padding: 0;
                outline: 0;
            }
            .tupandf em {
                font-style: normal;
            }

            .tupandf {
                width: 245px;
                height: 175px;
                font: 400 12px/1.5 "microsoft yahei", SimSun, Tahoma, Helvetica, sans-serif;
                padding-left: 10px;
                padding-top: 10px;
                overflow: hidden;
                /*position: absolute;
                top: 50%;
                left: 50%;*/
            }
            .tupandf .fl {
                float: left;
            }
            .tupandf .dn {
                display: none;
            }
            .tupandf .dib {
                display: inline-block;
            }
            .tupandf .hlh25 {
                height: 25px;
                line-height: 25px;
                vertical-align: middle;
            }
            .tupandf .hlh15 {
                height: 15px;
                line-height: 15px;
                vertical-align: middle;
            }
            .tupandf .vab {
                vertical-align: bottom;
            }
            .tupandf .fca5 {
                color: #a5a5a5;
            }
            .tupandf .fccc0000 {
                color: #cc0000;
            }
            .tupandf .tl {
                text-align: left;
            }
            .tupandf .cbfff {
                background-color: #fff;
            }
            .tupandf .pl5 {
                padding-left: 5px;
            }
            .tupandf .pl2 {
                padding-left: 2px;
            }
            .tupandf .pl10 {
                padding-left: 10px;
            }
            .tupandf .mt10 {
                margin-top: 10px;
            }
            .tupandf .mt5 {
                margin-top: 5px;
            }
            .tupandf .a-n {
                text-decoration: underline;
            }
            .tupandf .pr {
                position: relative;
            }
            .tupandf .cf:after {
                content: " ";
                display: block;
                visibility: hidden;
                height: 0;
                clear: both;
            }
            .tupandf .nav {
                list-style: none;
                overflow: hidden;
                color: #5e5e5e;
            }
            .tupandf .item {
                padding: 2px 12px;
                float: left;
                cursor: pointer;
            }
            .tupandf .item-sel {
                color: #fff;
                background-color: #df6161;
            }
            .tupandf .sl {
                height: 1px;
                margin-top: 3px;
                background-color: #ececec;
            }
            .tupandf .inp-dtl {
                overflow: visible;
                color: #5e5e5e;
                margin-top: 10px;
                *zoom: 1;
            }
            .tupandf .foot-dtl {
                overflow: visible;
                color: #5e5e5e;
                margin-top: 5px;
                *zoom: 1;
            }
            .tupandf .lab {
                float: left;
                height: 25px;
                line-height: 25px;
                vertical-align: middle;
                background-color: #e6e6e6;
                border: 1px solid #e6e6e6;
                padding: 0 3px;
            }
            .tupandf .lab-nor {
                float: left;
                height: 15px;
                line-height: 15px;
                vertical-align: middle;
                padding: 0 5px;
            }
            .tupandf .value {
                width: 92px;
                height: 25px;
                float: left;
                line-height: 25px;
                vertical-align: middle;
                padding-left: 3px;
                padding-right: 3px;
                color: #a5a5a5;
                border: 1px solid #e6e6e6;
            }
            .tupandf .value:focus {
                color: #5e5e5e;
            }
            .tupandf .msg-info {
                float: left;
                height: 25px;
                line-height: 25px;
                vertical-align: middle;
                padding-left: 3px;
            }
            .tupandf .error-info {
                /*width: 100px;*/
                color: #cc0000;
            }

            .tupandf .sel-gro {
                float: left;
                position: relative;
            }

            .tupandf .sel-ls {
                width: 68px;
                list-style: none;
                position: absolute;
                top: 26px;
                right: 0;
                z-index: 1000;
                display: none;
                overflow: auto;
                background-color: #fff;
                border: 1px solid #e6e6e6;
                color: #a5a5a5;
                box-shadow: 10px 10px 10px rgba(0, 0, 0, .3);
            }
            .tupandf .sel-it {
                height: 25px;
                line-height: 25px;
                text-align: left;
                padding-left: 5px;
                overflow: hidden;
            }
            .tupandf .sel-ls li:hover {
                background-color: #f0f0f0;
                cursor: pointer;
            }
            .tupandf .val-sel {
                width: 61px;
                color: #a5a5a5;
                border: 1px solid #e6e6e6;
                height: 25px;
                line-height: 25px;
                padding-left: 5px;
                padding-right: 2px;
                background-color: #fff;
                float: left;
                vertical-align: middle;


            }
            .tupandf .sel-do {
                width: 25px;
                height: 25px;
                position: absolute;
                top: 0;
                right: 3px;
                cursor: pointer;
                background: url("http://img.gomein.net.cn/vt/img/wt/web/v2/dt/couponoperate.png") no-repeat;
                background-position: -150px -97px;
            }
            .tupandf .disabled {
                background: url("http://img.gomein.net.cn/vt/img/wt/web/v2/dt/couponoperate.png") no-repeat;
                background-position: -180px -97px;
            }
            .tupandf .money {
                float: left;
                height: 15px;
                line-height: 15px;
                vertical-align: middle;
                color: #d02626;
                font-weight: 700;
                padding-left: 5px;
            }
            .tupandf .btn25 {
                padding: 3px 10px;
                text-decoration: none;
                color: #fff;
                background-color: #cc0000;
            }
            .tupandf .ad {
                float: left;
                padding: 3px 10px;
            }
            .tupandf .ad,
            .tupandf .ad a {
                color: #0066cc;
                text-decoration: none;
            }
            .tupandf .ad:hover {
                text-decoration: underline;
            }

        </style>
    </head>
    <body>
        <div class="tupandf">
            <ul class="nav cf">
                <li class="item item-sel" data-content="nav-phone">话费充值</li>
                <li class="item" data-content="nav-flow">流量充值</li>
            </ul>
            <div class="nav-phone">
                <div class="sl"></div>
                <div class="inp-dtl cf">
                    <label class="lab">号码</label>
                    <input class="value" maxlength="11" name="phonenum" value="请输入充值号码" autocomplete="off" data-ulrph="">
                    <span class="msg-info"></span>
                </div>
                <div class="inp-dtl cf">
                    <div class="sel-gro">
                        <label class="lab">面值</label>
                        <input class="val-sel" readonly="readonly" name="dtccn" value="100元" data-cid="14">
                        <ul class="sel-ls" name="phone-sel"><li class="sel-it" data-cid="10" data-pri="¥9.9-10.3">10元</li><li class="sel-it" data-cid="11" data-pri="¥19.7-20.2">20元</li><li class="sel-it" data-cid="12" data-pri="¥29.5-30.25">30元</li><li class="sel-it" data-cid="13" data-pri="¥49-50">50元</li><li class="sel-it" data-cid="14" data-pri="¥98-100">100元</li><li class="sel-it" data-cid="15" data-pri="¥196.8-200">200元</li><li class="sel-it" data-cid="16" data-pri="¥295-300">300元</li><li class="sel-it" data-cid="17" data-pri="¥491.6-500">500元</li></ul>
                        <a class="sel-do"></a>
                    </div>
                </div>
                <div class="inp-dtl cf">
                    <label class="lab-nor">售价</label>
                    <span class="money" data-shopid="">¥98-100</span>
                </div>
                <div class="foot-dtl cf">
                    <a class="fl btn25" name="submit" href="javascript:%20void(0);">立即充值</a>
                    <a class="ad" href="#" target="_blank" adid="70"><em><a href="http://wt.gome.com.cn/recharge/?intcmp=syanp-sjcz-sjcz-005" target="_blank">充话费，充流量，天天低价</a></em></a>
                </div>
            </div>
            <div class="nav-flow dn">
                <div class="sl"></div>
                <div class="inp-dtl cf">
                    <label class="lab">号码</label>
                    <input class="value" maxlength="11" name="phonenum" data-dtop="" value="请输入充值号码" autocomplete="off" data-ulrph="">
                    <span class="msg-info"></span>
                </div>
                <div class="inp-dtl cf">
                    <div class="sel-gro">
                        <label class="lab">面值</label>
                        <input class="val-sel" readonly="readonly" disabled="disabled" name="regrng" data-regrng="1" value="全国">
                        <ul class="sel-ls">
                            <li class="sel-it">全国</li>
                        </ul>
                        <a class="sel-do disabled"></a>
                    </div>
                    <div class="sel-gro" gao="gao">
                        <label class="lab-nor"> </label>
                        <input class="val-sel" readonly="readonly" name="dtccn" data-dtcid="" data-ulrph="" data-dtop="" data-cid="32" value="1G">
                        <ul class="sel-ls" name="flow-sel"><li class="sel-it" data-cid="22" data-pri="¥0.95-1.5">5M</li><li class="sel-it" data-cid="23" data-pri="¥1.9-3">10M</li><li class="sel-it" data-cid="33" data-pri="¥3-3">20M</li><li class="sel-it" data-cid="24" data-pri="¥4.75-4.9">30M</li><li class="sel-it" data-cid="25" data-pri="¥6-6.65">50M</li><li class="sel-it" data-cid="26" data-pri="¥9.5-9.6">70M</li><li class="sel-it" data-cid="27" data-pri="¥9.8-10">100M</li><li class="sel-it" data-cid="28" data-pri="¥19.00-20.00">150M</li><li class="sel-it" data-cid="29" data-pri="¥14.25-30">200M</li><li class="sel-it" data-cid="30" data-pri="¥28.5-30">500M</li><li class="sel-it" data-cid="32" data-pri="¥47.5-49.5">1G</li></ul>
                        <a class="sel-do"></a>
                    </div>
                </div>
                <div class="inp-dtl cf">
                    <label class="lab-nor">售价</label>
                    <span class="money" data-shopid="">¥47.5-49.5</span>
                </div>
                <div class="foot-dtl cf">
                    <a class="fl btn25" href="javascript:%20void(0);" name="submit">立即充值</a>
                    <a class="ad" href="javascript:;" target="_blank" adid="70"><em><a href="http://wt.gome.com.cn/recharge/?intcmp=syanp-sjcz-sjcz-005" target="_blank">充话费，充流量，天天低价</a></em></a>
                </div>
            </div>
        </div>
        <script src="topupphoneorflow_data/jquery-1.js"></script>
        <script src="topupphoneorflow_data/util.js"></script>
        <script src="topupphoneorflow_data/topupphoneorflow.js"></script>
        <script src="topupphoneorflow_data/getads.js"></script>

    </body></html>